html {
  body {
    margin: 0;
    font-size: 0.12rem;
  }

  img {
    display: block;
  }

  p {
    margin-block-start: 0;
    margin-block-end: 0;
  }
}

.is-click-hand {
  cursor: pointer;
}

// layout布局 flex=f justify=j center=c align=a
.l {
  // flex 布局
  &-f {
    display: flex;

    &.jc-c {
      justify-content: center;
    }

    &.jc-sb {
      justify-content: space-between;
    }

    &.jc-sa {
      justify-content: space-around;
    }

    &.js-c {
      justify-self: center;
    }

    &.js-fs {
      justify-self: flex-start;
    }

    &.js-b {
      justify-self: baseline;
    }

    &.js-fe {
      justify-self: flex-end;
    }

    &.jc-fe {
      justify-content: flex-end;
    }

    &.ai-c {
      align-items: center;
    }

    &.ai-fe {
      align-items: flex-end;
    }

    &.d {
      &-c {
        flex-direction: column;
      }

      &-r {
        flex-direction: row;
      }
    }

    &-1 {
      flex: 1;
    }

    &-w {
      flex-wrap: wrap;
    }
  }

  // 定位
  &-p {
    // 绝对布局
    &-a {
      position: absolute;
    }

    // 相对布局
    &-r {
      position: relative;
    }

    // 固定布局
    &-f {
      position: fixed;
    }
  }

  &-t0 {
    top: 0;
  }

  &-b0 {
    bottom: 0;
  }

  &-l0 {
    left: 0;
  }

  &-r0 {
    right: 0;
  }

  // 特别地 水平居中
  &-lr0 {
    left: 0;
    right: 0;
  }

  // 特别地 竖直居中
  &-tb0 {
    bottom: 0;
    top: 0;
  }

  // 特别地水平居中
  &-hc {
    // 基于定位的水平居中
    &-p {
      left: 0;
      right: 0;
    }

    // 基于宽度的水平居中
    &-w {
      margin: 0 auto;
    }

    // 文本属性的水平居中
    &-c {
      text-align: center;
    }
  }

  &-o {
    &-h {
      overflow: hidden;
    }

    &-a {
      overflow: auto;
    }
  }

  &-ox {
    &-h {
      overflow-x: hidden;
    }

    &-a {
      overflow-x: auto;
    }
  }

  &-oy {
    &-h {
      overflow-y: hidden;
    }

    &-a {
      overflow-y: auto;
    }
  }

  &-d {
    &-ib {
      display: inline-block;
    }
  }
}

// 文本 text
.t {
  &-a {
    &-l {
      text-align: left;
    }

    &-c {
      text-align: center;
    }

    &-r {
      text-align: right;
    }
  }

  &-d-lt {
    text-decoration: line-through;
  }

  &-ws {
    &-u {
      white-space: unset;
    }
    &-n {
      white-space: nowrap;
    }
    &-pw {
      white-space: pre-wrap;
    }
  }

  // 特别地 意译 一行省略 简写 + 全写
  &-e {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    &-2 {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      display: -webkit-box;
      display: -moz-box;
      -webkit-line-clamp: 2;
      -moz-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      word-break: break-all;
      word-wrap: break-word;
    }
  }
}
